@charset "utf-8";
/* CSS Document */

*
	{
		padding:0px;
		margin:0px;
	}
body
	{
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		background:#2290df url(../imgs/bgall_.jpg) center bottom fixed no-repeat;
	}
#container
	{
		width:984px;
		margin:0 auto;
		background:#FFF;
		padding:0px 10px;
		margin-bottom:10px;
	}
.cls
	{
		clear:both;		
	}
a
	{
		text-decoration:none;
	}
ul, li
		{
			list-style:none;
		}	
.header
	{
				
	}
.header .logo
	{
	float:left;	
	margin-top:10px;
	position:relative
	}
.header .logo > h1
	{
	position: absolute;
	top: 23px;
	font-size: 13px;
	left: 6px;
	}
	
.search_header
	{
		float:left;
		margin-top:10px;
		margin-left:30px;
	}
.search_header input[type='text']
	{
		color: #999;
		font-size: 14px;
		height: 23px;
		padding: 2px 2px 2px 5px;
		width: 180px;
		border: 1px solid #ccc;
		border-radius: 4px;
		float: left;
		margin-right:5px;
	}
.search_header button.btn_search
	{
		background:url(../imgs/iconsearch.gif) center no-repeat;
		border: 0 none;
		height: 28px;
		width: 28px;
		transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		-webkit-transition: all .4s ease-in-out;
		cursor: pointer;
		background-color: transparent;
	}
.banner_top
	{
		float:left;
		margin-left:20px;
	}
.box_login	
	{
		background:url(../imgs/login.png) left center no-repeat;
		padding-left:30px;
		height:30px;
		float:right;
		margin-left:10px;
		margin-top:10px;
	}
.box_login> a
	{
		line-height:30px;
		color:#000;
	}
.box_login> a:hover
	{
		color:#06C;
	}
.menu_top
	{
		background:url(../imgs/bgmenu.gif) repeat-x;
		height:35px;
		position:relative;
		padding-left:20px;
		z-index:1;
	}
.menu_top:after
	{
		background:url(../imgs/corner.gif) no-repeat;
		width:11px;
		content:'';
		position:absolute;
		left:0px;
		top:0px;
		height:35px;
	}
.menu_top:before
	{
		background:url(../imgs/corner_right.gif) no-repeat;
		width:11px;
		content:'';
		position:absolute;
		right:0px;
		top:0px;
		height:35px;
	}
.menu_top > ul > li
	{
		float:left;
		font-size:13px;
		padding-left:20px;
		color:#FFF;
		margin-right:14px;
		line-height:35px;
	}
.menu_top > ul > li >a 
	{
		color:#FFF;
		font-weight:bold;
	}
.menu_top > ul > li >a:hover
	{
		color:#FF0;
	}
.menu_top > ul > li.action
	{
		background:url(../imgs/action.png) left center no-repeat;
	}
.menu_top > ul > li.sport
	{
		background:url(../imgs/sports.png) left center no-repeat;
	}
.menu_top > ul > li.puzzle
	{
		background:url(../imgs/puzzles.png)  left center no-repeat;
		
	}
.menu_top > ul > li.girl
	{
		background:url(../imgs/dressup.png)  left center no-repeat;
	}
.menu_top > ul > li.funny
	{
		background:url(../imgs/customize.png) left center no-repeat;
	}
.menu_top > ul > li.war
	{
		background:url(../imgs/strategy.png) left center no-repeat;
	}
.menu_top > ul > li.adventure
	{
		background:url(../imgs/adventure.png) left center no-repeat;
	}
.menu_top > ul > li.cartoon
	{
		background:url(../imgs/education.png) left center no-repeat;
	}
.menu_top > ul > li.racing
	{
		background:url(../imgs/driving.png) left center no-repeat;
		padding-left:35px;
	}
.menu_top a.view_more
	{
	background: url(../imgs/arrow_down.gif) no-repeat left center;
	padding-left: 14px;
	color: #FFF;
	float: right;
	margin-top: 10px;
	margin-right: 20px;
	}
.body_content	
	{
	margin-top:10px;	
	}
.body_content .right_col
	{
	width:300px;
	float:right;
	}

.body_content .left_col
	{
		width:670px;
		float:left;
	}
.block_big
	{
		background:#FFF;
		border:3px #368ad2 solid;
		border-radius:8px;
		overflow:hidden;
		padding:5px;
	}
.block_big .block_slider
	{
		float:left;
	}
.block_big .block_slider .bigimg
	{
	overflow:hidden;
	display:none;	
	}
.block_big .block_slider .bigimg.active
	{
		display:block;
	}
.block_big .block_slider .bigimg .img_
	{
	}
.block_big .block_slider .bigimg .title a
	{
		font-size:18px;
		color:#1475dc;
		margin-top:5px;
		margin-bottom:3px;
		display:block;
	}
.block_big .block_slider .bigimg .playing
	{
		color:#333;
		font-size:11px;
	}
.block_big .block_slider > ul.img_thumb
	{
		overflow:hidden;
		margin-top:5px;		
	}
.block_big .block_slider > ul.img_thumb > li
	{
		float:left;
		margin-right:15px;
		opacity:0.8;
		cursor:pointer;
	}
.block_big .block_slider > ul.img_thumb > li:hover
	{
		float:left;
		margin-right:15px;
		opacity:1;
	}
.block_big .block_slider > ul.img_thumb > li.active
	{
		opacity:1;
	}
.block_big .block_gamehot
	{
		
	}
.block_gamehot ul > li
	{
		float:left;
		width:120px;
		margin-left:10px;
		margin-bottom:5px;
	}
.game_item
	{
	}
.game_item .img
	{
		width:120px;
		height:100px;
	}
.game_item .name
	{
	color:#1475d6;
	font-weight:bold;
	padding-top:5px;
	height:35px;
	overflow:hidden;
	}
.game_item .name a
	{
	color:#1475d6;
	}
.game_item .playing
	{
	font-size:11px;
	}
.block_cate_game
	{
	margin-top:8px;
	}
.block_cate_game .box_item
	{
	border:1px #d0d0d0 solid;
	border-radius:5px 5px 5px 5px;
	padding:8px;	
	}
.block_cate_game .icon1
	{
	float:left;	
	position:relative;
	}
.block_cate_game .icon1 img
	{
		position:absolute;
		left:0px;
		top:-8px;
	}
.block_cate_game .title
	{
	background:url(../imgs/bg_title.gif) left center repeat-x;
	height:25px;
	float:left;
	position:relative;
	z-index:2;
	margin-left: 39px;
	padding:0px 10px;
	}
.block_cate_game .title::after
	{
		position:absolute;
		background:url(../imgs/left_.gif) 0 0 no-repeat;
		width:5px;
		height:25px;
		left:0;
		top:0;
		content:'';
	}
.block_cate_game .title::before
	{
		position:absolute;
		background:url(../imgs/right_.gif) 0 0 no-repeat;
		width:5px;
		height:25px;
		right:0;
		top:0;
		content:'';
	}
.block_cate_game .title > h2
	{
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;	
	line-height:25px;
	font-weight:bold;
	font-size:15px;		
	}
.block_cate_game .title > h2 > a
	{
	color:#FFF;
	}
.block_cate_game .viewmore
	{
	background:#f2f9ff;
	border-right:1px #27aeff solid;
	border-top:1px #27aeff solid;
	border-radius:0px 5px 0px 0px;
	float:left;
	font-size:15px;
	color:#2b78c3;
	height:23px;
	line-height:23px;
	padding-left:10px; 
	padding-right:10px;
	position:relative;
	z-index:1;
	margin-left:-2px;
	margin-top:1px;
	font-size:13px;
	font-weight:bold;
	}

.block_cate_game .box_item > ul
	{
		overflow:hidden;
	}
.block_cate_game .box_item > ul > li
	{
	float: left;
width: 120px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
	}
.playing_user
	{
	}
.playing_user .title
	{
	background:url(../imgs/bg_title.gif) 0 0 no-repeat;
	height:25px;
	color:#FFF;
	font-size:15px;
	line-height:25px;
	font-weight:bold;
	float:left;		
	padding:0px 10px
	}
.block_content
	{
	border:1px #8acaf5 solid;
	border-radius:0px 5px 5px 5px;
	padding:5px;
	background:#dcefff;	
	}
.block_content > ul > li
	{
	padding:5px;
	border-bottom:1px #badfff solid	
	}
.block_content > ul > li:last-child
	{
		border-bottom:none;
	}
.block_content > ul > li > a
	{
	color:#df7622;	
	font-weight:bold;
	}
.block_content > ul > li > a.gamename
	{
	color:#00ce05;	
	}
.topgame
	{
		margin-top:8px;
	}
.topgame .title
	{
	background:url(../imgs/bg_title.gif) 0 0 repeat-x;
	height:25px;
	color:#FFF;
	font-size:15px;
	line-height:25px;
	padding-left:10px;
	font-weight:bold;
	position:relative;
	z-index:1;
	float:left;
	padding:0px 10px;
	}
.topgame .title:before , .most_game .title:before ,  .gamecollection .title:before , .playing_user .title:before
	{
	position:absolute;
	background:url(../imgs/left_.gif) 0 0 no-repeat;
	width:5px;
	height:25px;
	left:0;
	top:0;
	content:'';
	}
.topgame .title:after, .most_game .title:after , .gamecollection .title:after , .playing_user .title:after
	{
	position:absolute;
	background:url(../imgs/right_.gif) 0 0 no-repeat;
	width:5px;
	height:25px;
	right:0;
	top:0;
	content:'';
	}

.topgame .viewmore
	{
	background:#f2f9ff;
	border-right:1px #27aeff solid;
	border-top:1px #27aeff solid;
	border-radius:0px 5px 0px 0px;
	float:left;
	font-size:15px;
	color:#2b78c3;
	height:23px;
	line-height:23px;
	padding-left:10px; 
	padding-right:10px;
	position:relative;
	z-index:1;
	margin-left:-2px;
	margin-top:1px;
	font-size:13px;
	font-weight:bold;
	float:left
	}
	
.topgame .content_item
	{
	background:#dcefff;
	border:1px #8acaf5 solid;
	border-radius:0px 5px 5px 5px;
	padding:5px;
	padding-bottom:0px;
	}
.topgame .content_item > ul > li
	{
		
	}
.box_name
	{
	overflow:hidden;
	margin-bottom:5px;	
	}
.box_name .avatar
	{
	float:left;
	margin-right:8px;		
	}
.box_name .name > a
	{
		color:#e57103;
		font-weight:bold;
		padding-bottom:5px;
		display:inline-block;
	}
.box_name .point
	{
	}
.most_game 
	{
		margin-top:10px;
	}
.most_game .title
	{
	background:url(../imgs/headerboxgame.gif) no-repeat;
	height:25px;
	padding:0px 10px;
	font-weight:bold;
	position:relative;
	z-index:1;
	float:left;
	}
.most_game .title > h3
	{color:#FFF;
	font-size:15px;
	line-height:25px;
	}
	
.most_game .content_item
	{
	background:#dcefff;
	border:1px #8acaf5 solid;
	border-radius:0px 5px 5px 5px;
	padding:5px;
	padding-bottom:0px;
	overflow:hidden
	}
.most_game .content_item >ul> li
	{
	float:left;
	width:120px;
	margin:12px;
	}
.gamemobile
	{
		margin-top:10px;
	}
.gamemobile .tab > ul > li
	{
	float:left;
	width:140px;
	position:relative;
	margin-bottom:-1px;
	border-radius:5px 5px 0px 0px;
	}
.gamemobile .tab > ul > li.android
	{
		background:url(../imgs/android.jpg) no-repeat center #FFF;
		height:50px;
		border:1px #FFF solid;
		border-bottom:1px #8acaf5 solid;
	}
.gamemobile .tab > ul > li.appstore
	{
		background:url(../imgs/app.jpg) no-repeat center #FFF;
		height:50px;
		border:1px #FFF solid;
		border-bottom:1px #8acaf5 solid;
	}
.gamemobile .tab > ul > li.appstore.active
	{
		background:url(../imgs/app.jpg) no-repeat center #dcefff;
		height:50px;
		border:1px #8acaf5 solid;
		border-bottom:1px #dcefff solid;
	}
.gamemobile .tab > ul > li.android.active
	{
		background:url(../imgs/android.jpg) no-repeat center #dcefff;
		height:50px;
		border:1px #8acaf5 solid;
		border-bottom:1px #dcefff solid;
	}
.gamemobile .content_item
	{
	background:#dcefff;
	border:1px #8acaf5 solid;
	border-radius:0px 5px 5px 5px;
	padding:5px;
	padding-bottom:0px;
	overflow:hidden	;
	display:none;
	}
.gamemobile .content_item.active
	{
		display:block;
	}
.gamemobile .content_item > ul > li
	{
		width:120px;
		float:left;
		margin:8px;
	}
.footer
	{
	background:#F3f3f3;
	border-top:1px #F1f1f1 solid;	
	margin-top:10px;
	}
.box_facebook
	{
	}
.navigator_ft	
	{
		float:right;
		overflow:hidden;
	}
.navigator_ft > ul > li
	{
		background:url(../imgs/gamelist_li.png) left center no-repeat;
		padding-left:10px;
		font-weight:bold;
		float:left;
		margin-right:10px;
	}
.navigator_ft > ul > li a
	{
	color:#333;	
	}
.list_cate_footer
	{
	padding:10px;
	overflow:hidden;
	border-top:1px #CCC solid;
	margin-top:10px;	
	}
.list_cate_footer >ul
	{
	float:left;	
	width:20%;
	box-sizing:border-box;
	padding-left:20px;
	margin-bottom:20px;
	}
.list_cate_footer >ul >li
	{
		background:url(../imgs/gamelist_li.png) left center no-repeat;
		padding-left:10px;
		line-height:22px;
	}
.list_cate_footer >ul >li:first-child
	{
	color: #1475d6;
	font-weight: bold;
	}
.list_cate_footer >ul >li > a:hover
	{
	color: #1475d6;	
	}
.seo_footer
	{
	overflow:hidden;
	}
.seo_footer .logo_ft
	{
		float:left;
		margin-left:30px;
		margin-top:10px;	
	}
.seo_footer .text
	{
	float:left;
	margin-left:30px;	
	}
.seo_footer .text .lighthight
	{
		color:#FFF;
		text-align:center;
		background:#228ddd;
		border-radius:5px;
		font-weight:bold;
		font-size:18px;
		padding:5px 8px;
	}
.seo_footer .text .copyright
	{
		text-align:center;
		padding-top:10px;
		line-height:18px;
	}
.keyword_txt
	{
		background:#FFF;
		padding:8px;
		margin:10px;
		border:1px #CCC solid;
	}
.keyword_txt > a
	{
		
	}
.hidden_menu
	{
		border:1px #CCC solid;
		border-radius:5px;
		padding:10px;
		overflow:hidden;
		position:relative;
		z-index:3;
		display:none
		
	}
.hidden_menu >ul
	{
	float:left;	
	width:20%;
	box-sizing:border-box;
	padding-left:20px;
	margin-bottom:20px;
	}
.hidden_menu >ul >li
	{
		background:url(../imgs/gamelist_li.png) left center no-repeat;
		padding-left:10px;
		line-height:22px;
	}
.hidden_menu >ul >li:first-child
	{
	color:#1475d6;	
	font-weight:bold
	} 
.hidden_menu >ul >li >a
	{
		color:#000;
		text-decoration:none;
	}
.hidden_menu >ul >li >a:hover
	{
		color:#1475d6;
		text-decoration:underline;
	}
.banner
	{
		margin-top:8px;
	}
	
	
/* game collection */
.gamecollection
	{
	margin-bottom:8px;
	}

.gamecollection .title
	{
	background:url(../imgs/bg_title.gif) 0 0 repeat-x;
	height:25px;
	font-weight:bold;
	position:relative;
	z-index:1;
	float:left;
	padding:0px 10px;
	}
.gamecollection .title > h3
	{
	color:#FFF;
	font-size:15px;
	line-height:25px;
	}
.gamecollection .content_item
	{
	background:#dcefff;
	border:1px #8acaf5 solid;
	border-radius:0px 5px 5px 5px;
	padding:5px;
	padding-bottom:0px;
	overflow:hidden
	}
.box_collection{background:#dcefff;border:1px #8acaf5 solid;border-radius:0px 5px 5px 5px;padding:5px 0px 5px 0px;overflow:hidden}.box_collection .game_txt{float: left;
background: #5aa3e2;
border-radius: 5px;
color: #FFF;
height: 23px;
line-height: 23px;
padding-left: 17px;
width: 116px;
margin-bottom: 7px;
margin-left: 12px;
margin-top: 7px;
position: relative;
font-size: 12px;}.box_collection .game_txt a{color:#FFF}.box_collection .game_txt a:hover{color:#FF0}.box_collection .game_txt span.icon1{background:url(../imgs/icon1.png) 0 0 no-repeat;width:40px;height:50px;position:absolute;top:-8px;left:-11px}.box_collection .game_txt span.icon2{background:url(../imgs/icon1.png) 0px -43px no-repeat;width:40px;height:50px;position:absolute;top:-8px;left:-11px}.box_collection .game_txt span.icon3{background:url(../imgs/icon1.png) -7px -83px no-repeat;width:40px;height:47px;position:absolute;top:-8px;left:-11px}.box_collection .game_txt span.icon4{background:url(../imgs/icon1.png) 0px -123px no-repeat;width:40px;height:34px;position:absolute;top:-8px;left:-11px}.box_collection .game_txt span.icon5{background:url(../imgs/icon1.png) -4px -165px no-repeat;width:40px;height:34px;position:absolute;top:-8px;left:-11px}.box_collection .game_txt span.icon6{background:url(../imgs/icon1.png) -4px -205px no-repeat;width:40px;height:34px;position:absolute;top:-8px;left:-11px}.box_collection .game_txt span.icon7{background:url(../imgs/icon2.png) 0px 0px no-repeat;width:40px;height:34px;position:absolute;top:-8px;left:-11px}.box_collection .game_txt span.icon8{background:url(../imgs/icon2.png) 0px -49px no-repeat;width:40px;height:34px;position:absolute;top:-8px;left:-11px}.box_collection .game_txt span.icon9{background:url(../imgs/icon2.png) -2px -93px no-repeat;width:40px;height:34px;position:absolute;top:-8px;left:-11px}.box_collection .game_txt span.icon10{background:url(../imgs/icon2.png) 0px -130px no-repeat;width:40px;height:34px;position:absolute;top:-8px;left:-11px}.box_collection .game_txt span.icon11{background:url(../imgs/icon2.png) 0px -172px no-repeat;width:40px;height:34px;position:absolute;top:-8px;left:-11px}.box_collection .game_txt span.icon12{background:url(../imgs/icon2.png) 0px -210px no-repeat;width:40px;height:34px;position:absolute;top:-8px;left:-11px}


/* detail */
.breadcrumb
	{
		color: #FFF;
		background: #228ddd;
		border-radius: 4px;
		line-height: 24px;
		padding:0px 10px;
		font-size:13px;
	}
.breadcrumb > a
	{
		color:#FFF;
		font-weight:bold
	}
.detail_play
	{
		position:relative;
		min-height:300px;
		padding-bottom:10px;
		margin-bottom:10px;
		border-bottom:1px #CCC dotted;
		border-top:1px #CCC dotted;
		padding-top:10px;
	}
.loading_bg
	{
		position:absolute;
		top:48%;
		left:48%;
		box-sizing:border-box;
		z-index:1;
	}
.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin:0 auto;
}

.container1 > div, .container2 > div, .container3 > div {
  width: 10px;
  height: 10px;
  background-color: #333;

  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
.name_game
	{
		
		padding-top:10px;
		padding-bottom:10px;
		font-weight:bold;
	}
.name_game > h1
	{
		font-size:22px;
		color:#4c66a4;
	}
.bartool
	{
		float:right;
		position:relative;
		z-index:99;
		background:#FFF
	}
.bartool > ul > li
	{
		float:left;
		line-height:30px;
		margin-right:10px;
	}
.bartool > ul > li > a
	{
		padding-left:10px;
		display:inline-block;
		padding-left:28px;		
	}
.bartool > ul > li > a.replay
	{
		background:url(../imgs/icon3_.gif) 0 0 no-repeat;
	}
.bartool > ul > li > a.zoom
	{
		background:url(../imgs/icon3_.gif) 0 -33px no-repeat;
	}
.bartool > ul > li > a.darklight
	{
		background:url(../imgs/icon3_.gif) 0 -72px no-repeat;
	}
.bartool > ul > li > a.errorreport
	{
		background:url(../imgs/icon3_.gif) 0 -108px no-repeat;
	}
.share_box
	{
	float:left;	
	}
.video_help
	{
		border-top:1px #CCC dotted;
	}
.help_content
	{
	margin-top:10px;	
	margin-bottom:10px;
	}
.help_content .title
	{
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	color:#4c66a4;
	margin-bottom:10px;
	}
.help_content .content_txt
	{
	max-height:300px;
	overflow-y:scroll;
	border:1px dotted #ddd;
	padding:10px;
	}
.title_main_cate
	{
	margin-bottom:5px;	
	overflow:hidden;
	}
.title_main_cate h1
	{
	color:#4c66a4;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	float:left;
	margin-right:20px;
	}
.title_main_cate .desc_cate
	{
	}
	
	
/* register */
.cls
	{
	clear:both;
	float:none;
	}
#login_container
	{
	width:530px;
	border-radius:5px 5px;
	background:#FFF;
	padding:15px;
	border:1px #CCC solid;
	overflow:hidden;
	}
#login_box
	{
	float:left;
	width:240px;
	border-right:1px #CCC dotted;
	padding-right:20px;
	}
#login_box .header_ , #register_box .header_
	{
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0066cc;
	padding-bottom:5px;
	}
#login_box .content_, #register_box .content_
	{
	
	}
#login_box .content_ .field_ ,#register_box .content_ .field_
	{
	border-radius:3px 3px;
	border:1px #CCC solid;
	padding:2px;
	height:26px;
	margin-top:10px;
	}
#login_box .content_ .field_ input[type='text'] ,#register_box .content_ .field_ input[type='text'], #register_box .content_ .field_ input[type='password'], #login_box .content_ .field_ input[type='password'] 
	{
	border:0px;
	width:194px;
	margin-top:5px;
	}
#login_box .content_ .field_.email 
	{
	background:url(../imgs/emailicon.gif) 6px 4px  no-repeat;
	padding-left:40px;
	}
#login_box .content_ .field_.username ,#register_box .content_ .field_.username
	{
	background:url(../imgs/usericon.gif)  6px 4px  no-repeat;
	padding-left:40px;
	}
#login_box .content_ .field_.pw  ,#register_box .content_ .field_.pw 
	{
	background:url(../imgs/pwicon.gif)  6px 4px  no-repeat;
	padding-left:40px;
	}
#login_box .content_ .button_ , #register_box .content_ .button_
	{
	overflow:hidden;
	margin-top:13px;
	}
#login_box .content_ .button_ input[type='submit'] ,#register_box .content_ .button_ input[type='submit']
	{
	color:#FFF;
	background:#3399ff;
	padding:5px 9px;
	border-radius:3px;
	float:right;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border:none;
	font-weight:bold;
	cursor:pointer;
	}
#register_box
	{
	float:left;
	width:240px;
	margin-left:20px;
	}
#login_openid
	{
	margin-top:25px;
	}
#login_openid .header_
	{
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0066cc;
	padding-bottom:5px;
	background:url(../imgs/dot.gif) left center repeat-x;
	}
#login_openid .header_ span
	{
	background:#FFF;
	padding-right:10px;
	}
#login_openid .content_
	{
	margin-top:10px;
	}
.banner_slogan
	{
	background:#fffca2;
	border-radius:5px 5px;
	text-align:center;
	margin-top:20px;
	height:80px;
	border:1px #ff9966 dotted;
	}
	
/* detail */
.turnon
	{
	visibility:visible !important;	
	}
#turnoff
	{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: .90;
	z-index: 2;
	margin: 0;
	padding: 0;
	visibility:hidden;
	}
#bordeswf
	{
		position:relative;
		z-index:999;
	}
.content_playgame	
	{
	}
#content_game
	{
		width:670px;
		float:left;
	}
#content_game_full
	{
		width:100%;
		float:none;		
		
	}
#game_in
	{
		display:none;
	}
#login_container
	{
		position:absolute;
		left: 50%;
		margin-left:-281px;
		top:25%;
		z-index:-1;
	}
.overlay
	{
	position:fixed;
	visibility:hidden;
	width:100%;
	height:100%;
	top:0;	
	background:#000;
	z-index:998;
	opacity:.9;	
	}
.close_
	{
		border: 1px #CCC solid;
		height: 20px;
		text-align: center;
		line-height: 20px;
		clear: both;
		position: absolute;
		right: -1px;
		top: -1px;
		background: #F2f2f2;
		font-size: 12px;
		cursor: pointer;
		padding: 2px 5px;
		border-radius:0 0 0 5px;
	}
.close_:hover
	{
		background:#c5fcff;
	}